body {
		font-family: 'Poppins';
		margin: 0px;
		padding: 0px;
		width: 100%;
		background-color: #ffffff;
		backgroung-repeat: repeat;
		overflow: auto;
}	

	p {
		
		font-weight: 400;
		font-size: 20px;
		color: #f6f6f6;
		
}

	p1 {

		font-weight: 600;
		font-size: 40px;
		color: #ffa85c;
		float: left;
		margin-left: 70px;
		margin-top: 20px;
		
}

	p1:hover {
	
}

	p2 {
	
		font-weight: 800;
		font-size: 60px;
		color: #ffffff;
		float: center;
		text-shadow: 2px 2px #151b54;
}
	
	

	p3 {
		
		font-weight: 800;
		font-size: 25px;
		color: #ffffff;
		float: center;		
		text-shadow: 2px 2px #151b54;
}

	p4 {

		font-weight: 600;
		font-size: 150%;
		color: #151b54;
		float: left;
		margin-top: ;
		margin-left: ;
}
	
	p5 {
		
		font-weight: 800;
		font-size: 35px;
		color: #f6f6f6;
		float: left;
		margin-right: px;
		margin-top: px;
		text-shadow: 2px 2px #151b54;
}

	p6 {
		
		font-weight: 600;
		font-size: 25px;
		color: #151b54;
		float: left;
		margin-top: 30px;
		margin-left: 60px;
		
}

	p7 {
		
		font-weight: 800;
		font-size: 14px;
		float: left;
		color: #808080;
}

	p7:hover {

		color: #151b54;
		text-decoration: underline;		
}

	p8 {
		
		font-weight: 800;
		font-size: 14px;
		float: left;
		margin-left:;
		top:;
		color: #ff0000;
}

	p8:hover {

		text-decoration: underline;		
}

	p9 {

		font-weight: 800;
		font-size: 16px;
		float: right;
		margin-left:;
		top:;
		color: #808080;		
}

	p10 {
	
		font-weight: 400;
		font-size: 16px;
		float: right;
		margin-left:;
		margin-top:px;
		color: #808080;		
}

	p10:hover {

		text-decoration: underline;
}

	p11 {

		font-weight: 600;
		font-size: 40px;
		color: #ffffff;
		float: left;
		margin-left: 10%;
		
		
}

	p12 {

		font-weight: 600;
		font-size: 120%;
		color: #ffffff;	
}

	p14 {
		font-weight: 600;
		font-size: 30px;
		color: #ffffff;	
}

	p15 {
		font-weight: 600;
		font-size: 120%;
		color: #ffffff;		
}

	p20 {

		font-weight: 600;
		font-size: 12px;
		color: #f6f6f6;
		font-style: italic;
		float: left;
		margin-left: 70px;
		margin-top:;
}

	p21 {
		
		font-weight: 600;
		font-size: 12px;
		color: #f6f6f6;
		font-style: italic;
		float: center;
	
}

	p22 {

		font-weight: 500;
		font-size: 15px;
		color: #f6f6f6;
		font-style: italic;
		float: center;

}

	p24 {
		
		font-weight: 500;
		font-size: 12px;
		float: left;
		color: #808080;

}

LI {

		color: #ffffff;	
}

	div.wrapper {
		
		max-width: 1600px;
		margin-left:auto;
		margin-right:auto;
}	
	
	div.logo {
		
		width: 15%;
		height:;
		float: left;
    		background-color: #ffffff;
		
}

	div.logo img {
		
		display: block;
		margin: 12px 0 0 20px;
		
}

	div.menu {
		
		width:65%;
		height:;
		float: left;
		background-color: #ffffff;
	
}


@media screen and (min-width: 1025px) {
	
	div.sandwichmenu {
		display: none;
}
}

	button.dropbtn {
  		
		background-color: #ffffff;
  		color: ;
  		padding: 16px;
  		font-size: ;
  		border: none;
		border-radius: ;
		
}

	div.dropdown {

		position: relative;
  		display: inline-block;
		margin-top: 3.5%;
		
}

	div.dropdown-content {
  
		display: none;
  		position: absolute;
		
  		background-color: #ffffff;
  		min-width: 220px;		
  		box-shadow:;
  		z-index: 1;
		border-radius: 15px;
		overflow: auto;
}

	div.dropdown-content a {
  	
  		padding:10px 0px;
  		display: block;
		float:left;
		
}

	div.dropdown-content a:hover {

}

	div.dropdown:hover .dropdown-content {

		display: block;
}

	div.dropdown:hover .dropbtn {

}

	
	div.contacts {

 		width:20%;
		height:80px;
		float: right;
		background-color: #ffffff;
		
}

	div.contacts_text {

		height:40px;
		text-align: right;
		float: right;
		margin-top: 15px;
		margin-right:15px;
		
}


	div.circuit {

		width:100%;
		height:500px;
		float: left;
		background-repeat: no-repeat;
		background-size: contain;
		padding-top:1%;
		text-align: center;
		position: relative;
		display: inline-block;
}

	div.circuit_text {

		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
		text-align: center;
}	
	
	div.a {

		margin-top:;
}

	a {
			
		font-weight: 900;
		font-size: 20px;
		color: #0a0c0c;
		text-decoration: none;
		margin-left: 30px;
		margin-right: 30px;
}

	a:hover {
	
		text-decoration:underline;
}


	a.ex1{
			
		font-weight: 900;
		font-size: 20px;
		color: #ffffff;
		text-decoration: none;
		margin-left: 0%;
}

	a.ex1:hover {
	
		text-decoration:underline;
}

	div.container {

		width:100%;
		height:500px;
		float: left;
		background-image:url("../img/.png");
		background-repeat: no-repeat;
		background-size: contain;
		padding-bottom: 1%;
}

	div.column1 {

		width:23%;
		height:46%;
		float:left;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;
}

	div.column1a {

		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
		text-align: center;
}

	div.column2 {

		width:23%;
		height:46%;
		float: left;
		background-size: contain;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;
		text-align: left;
		background-clip: padding-box;
}

	div.column2a {

		position: absolute;
		top: 50%;
		left: 38%;
		transform:translate(-35%, -50%);
		text-align: left;
}

	div.column3 {

		width:23%;
		height:46%;
		float: left;
		background-size: contain;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;
		text-align: left;
		background-clip: padding-box;
}

	div.column4 {

		width:23%;
		height:46%;
		float:left;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		position: relative ;
		display: inline-block;
		padding:1%;
}

	div.column5 {
		
		width:23%;
		height:46%;
		float:left;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		position: relative ;
		display: inline-block;
		padding:1%;
}

	div.column6 {

		width:23%;
		height:46%;
		float: left;
		background-size: contain;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;
		text-align: left;
		background-clip: padding-box;
}

	div.column7 {

		width:23%;
		height:46%;
		float: left;
		background-size: contain;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;
		text-align: left;
		background-clip: padding-box;
}

	div.column8 {

		width:23%;
		height:46%;
		float:left;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		position: relative ;
		display: inline-block;
		padding:1%;
}

	div.container1 {

		width:100%;
		height:;
		float: left;
		background-image:url("../img/server2bw.jpg");
		background-repeat: no-repeat;
		background-size: relative;
		padding-bottom: 5%;
		padding-top: 5%;
}

div.column1b {

		width:14.6%;
		height:46%;
		float:left;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;
		left: 5%;
		transform: translateX(-5%);
}

	div.column2b {

		width:14.6%;
		height:46%;
		float:left;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;
		left: 5%;
		transform: translateX(-5%);
}

	
	div.column3b {

		width:14.6%;
		height:46%;
		float:left;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;
		left: 1%;
		transform: translateX(-5%);
}

	div.column4b {

		width:14.6%;
		height:46%;
		float:left;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;
		left: 1%;
		transform: translateX(-5%);
}

	div.column6b {

		width:14.6%;
		height:46%;
		float:left;
		background-size: contain;
		text-align: center;
		background-repeat: no-repeat;
		position: relative;
		display: inline-block;
		padding:1%;
		left: 1%;
		transform: translateX(-5%);
}


	div.under {

		width:100%;
		height:1000px;
		float: left;
		background-size: contain;
		padding-top:1%;
		padding-bottom: 1%;
		
}

	div.backpage {

		width: 100%;
		height: 700px;
		float: left;
		background-image:url("../img/server2bw.jpg");
		background-repeat: no-repeat;
		background-size: relative;
		margin-top:1%;
		padding-top: 1%;
		padding-bottom: 1%;
		bottom: 1%;
		padding-right: ;
		padding-left: ;
		position: relative;
		z-index: -1;
}


	div.backpage_title {

		width: 100%;
		height: 70px;
		float: left;
		background-color: #E5E4E2;
		top: 10%;
		padding-top: %;
		padding-bottom: %;
		position: relative;
			
}

	div.backpage_box {

		box-sizing: content-box;
		border-radius: 25px;
		width: 300px;
  		height: 50px;
  		padding: 30px;  
  		border: 10px black;	
			
}

	div.backpage_text1 {

		width:80%;
		height:500px;
		float: left;
		position: absolute;
		text-align: left;
		padding-right: 10%;
		left: 10%;
		top: 30%;
		bottom: 5%;
}

	div.images_text {

		text-align: center;
		width: 100%;
		height: 100%;	
		position: absolute;
		top: 80%;
		bottom: %;
		left:75%;
		transform:translate(-50%, -50%);
		
}	

	div.text1 {

		width:50%;
		height:500px;
		float: left;
		background-color: ;
		text-align: left;
}

	div.text1_link {

		width: 50%;
		height: 200px;
		margin-top: 300px;
		text-align: left;
		
}

	div.tubes {

		width:50%;
		height:500px;
		float: left;
		background-image:;
		background-repeat: no-repeat;
		background-size: contain;
}

	img {
	
		display: block;
}	

	div.about {
		
		width:50%;
		height:500px;
		float: left;
		background-image:;
		background-repeat:no-repeat;
		text-align: center;
		background-size: contain;
		position: relative ;
		display: inline-block;
}

	div.about_text {
			
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
		text-align: center;
}

	div.box {
		
		width:50%;
		height:500px;
		float: left;
		background-color: #f6f6f6;
		text-align: left;
}

	div.box_link {

}


	div.arrows {

		width: 100%;
		height:500px;
		float: left;
		background-image:;
		background-repeat: no-repeat;
		background-size: contain;
		position: relative ;
		display: inline-block;
}

	div.arrows_text {
		
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
		text-align: left;
}

	div.services {

		width: 50%;
		height: 500px;
		float: left;
		background-image:;
		background-repeat: no-repeat;
		text-align: center;
		position: relative ;
		display: inline-block;
}

	

	div.footer {

		width: 100%;
		height: 340px;
		float: left;
		background-color: #151b54;
}


	div.created {

		width: 100%;
		height:150px;
		float: left;
		background-color: #000000;
		background-repeat: no-repeat;
		background-size: contain;
		position: relative;
		display: inline-block;
}

	div.created_text {
		
		position: absolute;
		top: 40%;
		left: 50%;
		transform:translate(-50%, -50%);
		text-align: center;
}


}

//BackPages//


@media screen and (max-width: 1450px) {
    
	p4 {
		font-size: 19px;
}

	p7 {
		font-size: 15px;
}

	p8 {
		font-size: 15px;
}

	p9 {
		font-size: 15px;
}

	p10 {
		font-size: 15px;
}

}

@media screen and (max-width: 1420px) {

	p4 {
		font-size: 19px;
}

}

@media screen and (max-width: 1400px) {

	p4 {
		font-size: 18px;
}	

	p5 {
		font-size: 30px;
}

	p7 {
		font-size: 13px;
}

	p8 {
		font-size: 13px;
}	
	
	button.dropbtn {
    		padding: 13px;
}

	div.menu {
		width:65%;
}	
	
	div.contacts {
 		width:20%;
		
}


}


	

@media screen and (max-width: 1200px) {

	
	p4 {
		font-size: 18px;
}

	p5 {
		font-size: 25px;
}

	p7 {
		font-size: 10px;
}

	p8 {
		font-size: 10px;
}

	p9 {
		font-size: 12px;
}

	p10 {
		font-size: 12px;
}

	p11 {
		font-weight: 600;
		font-size: 180%;
		color: #ffffff;
		float: left;
		margin-left: 10%;
		margin-top:1%;
}

	p12 {
		font-size: 95%;
}

	p14 {
		font-size: 130%;
}

	a.ex1{
		font-size: 95%;
}
	
	button.dropbtn {
    		padding: 10px;
}

	div.dropdown {
		margin-top: 4%;
}	

div.dropdown-content {
  
  		min-width: 150px;
}



}